<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Are You Ready</title>
    
    <style type="text/css">
        @font-face {
            font-family: digit;
            src: url('digital-7_mono.ttf') format("truetype");
        }
    </style>
    <link href="./jscss/default.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="./jscss/jquery.js"></script>
    <script type="text/javascript" src="./jscss/garden.js"></script>
    <script type="text/javascript" src="./jscss/functions.js"></script>
</head>

<body>
    <div id="mainDiv">
        <div id="content" style="width: 1110px; height: 625px; margin-top: 52px; margin-left: 245px;">
            <div id="code" style="margin-top: 112.5px; font-size: 20px;">
               
              
                <span class="comments">// 2021年4月25日,我们第一次相遇。</span><br>
              
                <span class="comments">// 开始了为期一个月的同甘苦共患难。</span><br>
               
                <span class="comments">// 时间很短。</span><br>
               
                <span class="comments">// 我却觉得异常珍贵。</span><br>
               
                <span class="comments">// 在今天这个特殊的日子。</span><br>
                
               
                <span class="comments">// 我用代码表达我的祝福。</span><br>
                
                
                <span class="placeholder"><span class="comments">// 希望你能喜欢。</span><br>
                <span class="placeholder"><span class="comments">// 不喜欢也不可以嫌弃。</span><br>
                
                
                <span class="comments">// 如果看完你笑了我会很开心。</span><br>
              


            </span></span></span></span></span></span></span></div>
            <div id="loveHeart">
                <canvas id="garden" width="670" height="625"></canvas>
                <div id="words" style="position: absolute; top: 257px; left: 765px;">
                    <div id="messages" style="display: block;">
<center>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-3712320065678109";
/* lovead */
google_ad_slot = "0650322805";
google_ad_width = 320;
google_ad_height = 50;
//-->
</script>
</center>
                        先听一会音乐，平复一下心情
                        <div id="elapseClock" style="display:none"></div>
                        <a href="index4.html" id="accept">如果你听完了，请点击这里</a>
                    </div>
                    <div id="loveu" style="display: block;">
                        千万不要太感动。<br>
                        <div class="signature">耐心的人会看到惊喜哦</div>
                    </div>
                </div>
            </div>
        </div>
       
    </div>
    <script type="text/javascript">
        var offsetX = $("#loveHeart").width() / 2;
        var offsetY = $("#loveHeart").height() / 2 - 55;
        
        if (!document.createElement('canvas').getContext) {
            var msg = document.createElement("div");
            msg.id = "errorMsg";
            msg.innerHTML = "Your browser doesn't support HTML5!<br/>Recommend use Chrome 14+/IE 9+/Firefox 7+/Safari 4+"; 
            document.body.appendChild(msg);
            $("#code").css("display", "none")
            $("#copyright").css("position", "absolute");
            $("#copyright").css("bottom", "10px");
            document.execCommand("stop");
        } else {
            setTimeout(function () {
                adjustWordsPosition();
                startHeartAnimation();
            }, 40000);
            
            $("#accept").click(function(){
                $(this).hide();
                $("#elapseClock").show();
                var together = new Date();
                timeElapse(together);
                setInterval(function () {
                    timeElapse(together);
                }, 5);
            })
            adjustCodePosition();
            $("#code").typewriter();
        }
    </script>
	<audio src="img/bjj.mp3" autoplay="autoplay"></audio>

</body></html>